.transition (@prop: all, @time: 1s, @ease: linear) {
    -webkit-transition: @prop @time @ease;
    -moz-transition: @prop @time @ease;
    -o-transition: @prop @time @ease;
    -ms-transition: @prop @time @ease;
    transition: @prop @time @ease;
}
.transition-string (@transition) {
	-webkit-transition: @transition;  
	-moz-transition:    @transition;
	-ms-transition:     @transition; 
	-o-transition:      @transition;  
}

.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
    background-color: @start;
    background-image: -webkit-linear-gradient(@origin, @start, @stop);
    background-image: -moz-linear-gradient(@origin, @start, @stop);
    background-image: -o-linear-gradient(@origin, @start, @stop);
    background-image: -ms-linear-gradient(@origin, @start, @stop);
    background-image: linear-gradient(@origin, @start, @stop);
}

.hoverGradientBG (@origin: top, @BGcolor: '#ffffff',@start: 'rgba(255,255,255,1)', @stop: 'rgba(0,0,0,0)') {
    background-color: @BGcolor;
    background-image: -webkit-linear-gradient(@origin, @start, @stop);
    background-image: -moz-linear-gradient(@origin, @start, @stop);
    background-image: -o-linear-gradient(@origin, @start, @stop);
    background-image: -ms-linear-gradient(@origin, @start, @stop);
    background-image: linear-gradient(@origin, @start, @stop);
}

.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
    -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
    -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
    box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
}

.no-shadow (@none: none) {
    -webkit-box-shadow:@none;
    -moz-box-shadow:@none;
    box-shadow:@none;
}
.inset-box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
    -webkit-box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
    -moz-box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
    box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
}

.rounded(@radius: 10px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.border-radius(@radius: 10px){
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.roundcorners(@tl:10px, @tr:10px, @br:10px, @bl:10px){
  -webkit-border-radius: @tl @tr @br @bl;
  -moz-border-radius: @tl @tr @br @bl;
  border-radius: @tl @tr @br @bl;
}
.rounded_bottom(@radius: 10px) {
  -webkit-border-radius: 0 0 @radius @radius;
  -moz-border-radius:0 0 @radius @radius;
  border-radius:0 0 @radius @radius;
}

.inlineLi{display:inline; list-style:none;}
.container{max-width:960px;}

.featurefont{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
}
.standardfont{
	font-family:Verdana, Geneva, sans-serif;
}

.iconFont{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.display-inline-block{
	display:inline-block;
	zoom: 1; 
	*display: inline;
}

.marginTB(@topMargin: 10px, @bottomMargin: 10px){
	margin-top: @topMargin; 
	margin-bottom: @bottomMargin;
}
.marginT(@topMargin: 10px){
	margin-top: @topMargin; 
}
.marginB(@bottomMargin: 10px){
	margin-bottom: @bottomMargin; 
}
.overlay{
    position:absolute; 
    background-color:#000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    top:0; left:0; 
    z-index:104;
}

.padding{padding:.5em;}
.nomargin {margin:0px !important;}
p.nomargin{min-height:10px !important; margin:0 !important;}
.fixed{position:fixed;}
.marR{margin-right:10px;}
.marL{margin-left:10px;}